{include file='admin/main.tpl'}







<main class="content">
	<div class="content-header ui-content-header">
		<div class="container">
			<h1 class="content-heading">User List</h1>
		</div>
	</div>
	<div class="container">
		<div class="col-lg-12 col-sm-12">
			<section class="content-inner margin-top-no">

				<div class="card">
					<div class="card-main">
						<div class="card-inner">
							<p>All users in the system.</p>
							<p>Show:
                {include file='table/checkbox.tpl'}
              </p>
						</div>
					</div>
				</div>

				<div class="table-responsive">
					{include file='table/table.tpl'}
				</div>

				<div aria-hidden="true" class="modal modal-va-middle fade" id="delete_modal" role="dialog" tabindex="-1">
					<div class="modal-dialog modal-xs">
						<div class="modal-content">
							<div class="modal-heading">
								<a class="modal-close" data-dismiss="modal">×</a>
								<h2 class="modal-title">Are you sure you want to remove this user?</h2>
							</div>
							<div class="modal-inner">
								<p>Please confirm</p>
							</div>
							<div class="modal-footer">
								<p class="text-right"><button class="btn btn-flat btn-brand-accent waves-attach waves-effect" data-dismiss="modal" type="button">Cancel</button><button class="btn btn-flat btn-brand-accent waves-attach" data-dismiss="modal" id="delete_input" type="button">Remove</button></p>
							</div>
						</div>
					</div>
				</div>

				{include file='dialog.tpl'}


		</div>



	</div>
</main>






{include file='admin/footer.tpl'}

<script>
function delete_modal_show(id) {
	deleteid=id;
	$("#delete_modal").modal();
}

{include file='table/js_1.tpl'}

$(document).ready(function(){
 	table_1 = $('#table_1').DataTable({
			"stateSave": true,
			"columnDefs": [
				{
						targets: [ '_all' ],
						className: 'mdl-data-table__cell--non-numeric'
				}
			],
			{include file='table/lang_chinese.tpl'}
  });

	var has_init = JSON.parse(localStorage.getItem(window.location.href + '-hasinit'));
	if (has_init != true) {
	    localStorage.setItem(window.location.href + '-hasinit', true);
	} else {
	    {foreach $table_config['total_column'] as $key => $value}
	        var checked = JSON.parse(localStorage.getItem(window.location.href + '-haschecked-checkbox_{$key}'));
	        if (checked == true) {
	            document.getElementById('checkbox_{$key}').checked = true;
	        } else {
	            document.getElementById('checkbox_{$key}').checked = false;
	        }
	    {/foreach}
	}

	{foreach $table_config['total_column'] as $key => $value}
	  modify_table_visible('checkbox_{$key}', '{$key}');
	{/foreach}

	function delete_id(){
		$.ajax({
			type:"DELETE",
			url:"/admin/user",
			dataType:"json",
			data:{
				id: deleteid
			},
			success:function(data){
				if(data.ret){
					$("#result").modal();
					$("#msg").html(data.msg);
					{include file='table/js_delete.tpl'}
				}else{
					$("#result").modal();
					$("#msg").html(data.msg);
				}
			},
			error:function(jqXHR){
				$("#result").modal();
				$("#msg").html(data.msg+"  error");
			}
		});
	}

	$("#delete_input").click(function(){
		delete_id();
	});

	$("#search_button").click(function(){
		if($("#search").val()!="")
		{
			search();
		}
	});

	$.ajaxSettings.async = false;
	page = 1;
	while (1) {
			next = 1;
			$.getJSON("user/ajax?page=" + page, function( data ) {
					if (data.next == 0) {
						next = 0;
					}
					for ( var i=0, ien=data.data.length ; i<ien ; i++ ) {
						data.data[i][0] = '<a class="btn btn-brand" href="/admin/user/' + data.data[i][0] + '/edit">编辑</a>' +
						'<a class="btn btn-brand-accent" id="delete" href="javascript:void(0);" onClick="delete_modal_show(\'' + data.data[i][0] + '\')">删除</a>';
					}
					table_1.rows.add(data.data).draw();
			});

			if (next == 0) break;

			page++;
	}
	$.ajaxSettings.async = true;
})


</script>
